

//城市更换  
let inner = document.querySelector('nav .city span')
let lichanges = document.querySelectorAll('nav .citys li')
let ddchanges = document.querySelectorAll('nav .citys dd')

lichanges.forEach(function (item) {
    item.addEventListener('click', function () {
        inner.innerHTML = item.innerHTML
    })
})


ddchanges.forEach(function (item) {
    item.addEventListener('click', function () {
        inner.innerHTML = item.innerHTML
    })
})

//城市更换---------------------------------------------------























//轮播图---------------------------------------
let box = document.querySelector('.fs .col_1 .middle')
let lefticon = document.querySelector('.lefticon')
let righticon = document.querySelector('.righticon')

let arry = [
    '../images/轮播图/1.webp',
    '../images/轮播图/2.webp',
    '../images/轮播图/3.webp',
    '../images/轮播图/4.jpg',
    '../images/轮播图/5.jpg',
    '../images/轮播图/6.jpg',
    '../images/轮播图/7.jpg.webp',
    '../images/轮播图/8.jpg',
]


let flag = false;

let timer = function () {


    let time = setInterval(() => {
        box.style.background = `url(${arry[0]}) `
        box.style.backgroundSize = 'cover'
        let first = arry.shift()
        arry.push(first)
    }, 1550)

    lefticon.addEventListener('mouseover', function () {
        clearInterval(time)
        flag = true

    })

    righticon.addEventListener('mouseover', function () {
        clearInterval(time)
        flag = true

    })

    lefticon.addEventListener('mouseout', function () {
        if (flag) {
            timer()
        }
        flag = false
    })

    righticon.addEventListener('mouseout', function () {
        if (flag) {
            timer()
        }
        flag = false
    })



    lefticon.addEventListener('click', function () {
        arry.unshift(arry.pop());
        box.style.background = `url(${arry[0]})`
        box.style.backgroundSize = 'cover'
    })

    righticon.addEventListener('click', function () {
        arry.push(arry.shift());
        box.style.background = `url(${arry[0]})`
        box.style.backgroundSize = 'cover'
    })

};
timer()


// 轮播图-------------------------------

























// 秒杀----------------------------------

let seckils = $('.countdown span')

let endTime = new Date('2021/09/26 18:00:00');

let seckillTime = null;

clearInterval(seckillTime);

seckillTime = setInterval(countTime, 1000);

function countTime() {

    let nowTime = new Date();

    let lastTime = parseInt((endTime - nowTime) / 1000)

    if (lastTime >= 0) {
        let hour = parseInt(lastTime / 60 / 60)
        let min = parseInt(lastTime / 60 % 60)
        let sec = parseInt(lastTime % 60)

        seckils[0].innerHTML = hour
        seckils[2].innerHTML = min
        seckils[4].innerHTML = sec
    } else {
        clearInterval(seckillTime)
    }
}

// 秒杀结束------------------------------









// 为你推荐-------------------------------------
let ress = null
function add(type, page = 1) {
    $.ajax({
        url: "http://localhost/京东/get.php",
        method: "get",
        data: {
            url: 'https://floor.jd.com/recommend-v20/feed_tab/get',
            type: type,//1:智能先锋 2：时尚好物 3：居家优品  4：超市百货  5:进口好物
            page: page,//分页
            limits: 25,//每页多少条
            pin: '',
            uuid: 1042747131,
            source: "pc-home",
        },
        async: false,
        success(res) {
            ress = JSON.parse(res)

        }
    })
}

add(2)
const shopping = document.querySelector('.shopping')
const goods_item = document.querySelector('.shopping .item');
const goodsArr = ress.data.slice(0, 12);
goodsArr.forEach(item => {
    const item_clone = goods_item.cloneNode(true);
    item_clone.children[0].src = item.productBaseInfo.image;
    item_clone.children[1].innerHTML = item.productBaseInfo.name
    item_clone.children[2].innerHTML = '￥' + item.productBaseInfo.jdPrice;
    shopping.appendChild(item_clone)

});





add(3)
const shopping1 = document.querySelector('.shopping1')
const goods_item1 = document.querySelector('.shopping1 .item');
const goodsArr1 = ress.data.slice(0, 17);
goodsArr1.forEach(item => {
    const item_clone = goods_item.cloneNode(true);
    item_clone.children[0].src = item.productBaseInfo.image;
    item_clone.children[1].innerHTML = item.productBaseInfo.name
    item_clone.children[2].innerHTML = '￥' + item.productBaseInfo.jdPrice;
    shopping1.appendChild(item_clone);
})


add(4)
const shopping2 = document.querySelector('.shopping2')
const goods_item2 = document.querySelector('.shopping2 .item');
const goodsArr2 = ress.data.slice(0, 23);
goodsArr2.forEach(item => {
    const item_clone = goods_item.cloneNode(true);
    item_clone.children[0].src = item.productBaseInfo.image;
    item_clone.children[1].innerHTML = item.productBaseInfo.name
    item_clone.children[2].innerHTML = '￥' + item.productBaseInfo.jdPrice;
    shopping2.appendChild(item_clone);
})


if (localStorage.getItem('login') == 'true') {
    document.querySelector('.lsl a').innerHTML = '你好! 我和张英一组'
    document.querySelector('.lsl a').style.color = 'red'
    document.querySelector('.head').style.backgroundImage = 'url(../images/9921F8B95A9BFE7B19CB1E9942D097FC.jpg)'
    document.querySelector('.fs .right2 .welcome a').innerHTML = '欢迎! 我和张英...'
}



































// $(function () {
//     $(document).ready(function () {
//         countdown();
//         setInterval(countdown, 1000);
//     });
//     function countdown() {
//         var nowtime = +new Date();
//         var inputtime = +new Date('2019-11-25 24:00:00');
//         var times = (inputtime - nowtime) / 1000;
//         var h = parseInt(times / 60 / 60 % 24);
//         h = h < 10 ? '0' + h : h;
//         $(".hour").html(h);
//         var m = parseInt(times / 60 % 60);
//         m = m < 10 ? '0' + m : m;
//         $(".minute").html(m);
//         var s = parseInt(times % 60);
//         s = s < 10 ? '0' + s : s;
//         $(".second").html(s);
//     };

//     $("#navi li").mouseover(function () {
//         $(".content").show();
//         var index = $(this).index();
//         $(".content>div").eq(index).show().siblings().hide();
//     })
//     $("#navi li").mouseout(function () {
//         $(".content").hide();
//     })

//     $(".news-t a").mouseover(function () {
//         var index = $(this).index();
//         $(".news-b ul").eq(index).show().siblings().hide();
//         $(".redline").eq(index).show().siblings('.redline').hide();
//     })
//     $(".content").mouseover(function () {
//         $(this).show();
//     });
//     $(".content").mouseout(function () {
//         $(this).hide();
//     });

//     for (var i = 0; i < $(".t-img li").length; i++) {
//         $(".circle").append("<li></li>");
//     }
//     $(".circle li").eq(3).addClass("current");

//     var index = 3;
//     $(".circle li").mouseover(function () {
//         var index = $(this).index();
//         $(this).addClass("current").siblings().removeClass("current");
//         $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
//     });

//     var time = setInterval(move, 2000);
//     function move() {
//         index++;
//         if (index == $(".t-img li").length) {
//             index = 0
//         }
//         $(".circle li").eq(index).addClass("current").siblings().removeClass("current");
//         $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
//     };
//     $(".grid-col2-t").hover(function () {
//         clearInterval(time);
//     },
//         function () {
//             time = setInterval(move, 2000);
//         });
//     $(".arrow-r").click(function () {
//         move();
//     });
//     function moveL() {
//         index--;
//         if (index == -1) {
//             index = $(".t-img li").length - 1;
//         }
//         $(".circle li").eq(index).addClass("current").siblings().removeClass("current");
//         $(".t-img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
//     }
//     $(".arrow-l").click(function () {
//         moveL();
//     });

//     $(".fixedtool li").mouseover(function () {
//         var index = $(this).index();
//         $(this).addClass("current").siblings().removeClass("current");
//     });

// });